// vue.config.js
// 不要手动写绝对路径, 用代码来获取绝对地址
const path = require('path') // 专门处理路径的模块
// console.log(__dirname) // 当前文件, 所在文件夹, 的绝对路径
// 盘符:/......../toutiao /src/styles/cover.less
module.exports = {
  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          // 直接覆盖变量
          //   'nav-bar-background-color': '#007bff',
          //   'nav-bar-title-text-color': 'white',
          // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
          hack: `true; @import "${path.resolve(__dirname, 'src/styles/cover.less')}";`
        }
      }
    }
  },
  devServer: {
    open: true
  }
}
// 定制vant组件样式
// 方式2: 看文档
// (1): 修改babel.config.js 配置
// (2): 新建vue.config.js - 找到要覆盖的NavBar组件less变量, 重启服务器

// 方式3: 单独less文件(推荐)
// (1): src/styles/cover.less - 创建
// (2): 在这个文件里覆盖NavBar组件less变量, 给我们想要的颜色
// (3): vue.config.js - 选择hack配置绝对地址即可 - 重启服务器
